<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>属性配置</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../component/elementUI/index.css">
    <link rel="stylesheet" href="../../../style/index.css">
</head>

<body>
    <div id="app" v-cloak class="minWidth">
        <el-form :model="form" :rules="rules" ref="contract" inline-message="true" style="width: 100%">
            <div class="table_titel">
                <div class="titel">属性配置</div>
            </div>
            <div style="width: 600px;">
                <el-descriptions :column="1" border size="small">
                    <el-descriptions-item label="适用模板">
                        <el-form-item prop="Approval_Info_SerialNumber">
                            <el-select v-model.trim="form.Approval_Info_SerialNumber" placeholder="请选择模板类型" filterable clearable style="width: 100%">
                                <el-option v-for="(item,index) in approval_info" :key="index" :label="item.Approval_Info_Name"
                                  :value="item.Approval_Info_SerialNumber"></el-option>
                              </el-select>
                        </el-form-item>
                    </el-descriptions-item>
                </el-descriptions>
            </div>
            <!-- <div>
                <div class="table_titel">
                    <div class="titel">预览</div>
                </div>
                <div v-if="form.Approval_Info_SerialNumber" class="fd-nav-content" style="width: 600px;height: 600px; position: relative;">
                    <object id="dataFlow" data="../Approval/dataFlow.html?preview=true" type="text/html"
                        style="width: 100%;height: 100%;"></object>
                    <div style="position: absolute; top: 0; left: 0;width: 100%;height: 100%; 
                        display: flex; justify-content: center; align-items: center;">
                    </div>
                </div>
                <div v-else class="fd-nav-content" style="width: 600px;height: 600px; position: relative; background-color: #f5f5f7;">
                    <div style="position: absolute; top: 0; left: 0;width: 100%;height: 100%; 
                        display: flex; justify-content: center; align-items: center;">
                        <span v-for="(item,index) in '暂无选择方案'" :key="item"
                            style="user-select: none; font-weight: 900; padding: 5px; color: rgba(0, 0, 0, 0.068); font-size: 35px;">{{item}}</span>
                    </div>
                </div>
                
            </div> -->
            <el-form-item class="form-operation">
                <el-button @click="window.history.back()">返回</el-button>
                <el-button type="primary" :loading="loading" @click="submitForm('contract')">提交</el-button>
            </el-form-item>
        </el-form>
    </div>
    <script type="text/javascript" src="../../../utils/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../utils/vuex.min.js"></script>
    <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="../../../utils/ID_Validity.js"></script>
    <script type="text/javascript" src="js/Edit.js"></script>
</body>

</html>